<template>
        <view class="content">
                <view class="inv-h-w">
                        <view :class="['inv-h',Inv==0?'inv-h-se':'']" @click="Inv=0"> 商品兑换历史</view>
                        <view :class="['inv-h',Inv==1?'inv-h-se':'']" @click="Inv=1">优惠券兑换历史</view>
                </view>
              <view class="twobox" v-show="Inv == 0">
                    <view class="image">
              		  <image :src="$host+'apc.jpg'" mode="widthFix"></image>
              	  </view>
              	  <view class="imat">暂无兑换记录</view>
              </view>
                <view class="twobox" v-show="Inv == 1">
                      <view class="image">
						  <image :src="$host+'apc.jpg'" mode="widthFix"></image>
					  </view>
					  <view class="imat">暂无兑换记录</view>
                </view>
        </view>
</template>
 
<script>
        export default {
                data() {
                        return {
                                Inv:0,
								$host:this.$host,
								money:0
                        }
                },
                methods: {
                        changeTab(Inv){
                                that.navIdx = Inv;
                                 
                        },
                },
				onShow() {
					this.$request("/getUserData","post",{}).then(res=>{
						 if(res.data[0].state==1){
							  this.money=res.data[0].money
						 }else{
							 this.money=0
						 }							
					})
				},
				onLoad() {
					this.$request("/getUserData","post",{}).then(res=>{
						 if(res.data[0].state==1){
							  this.money=res.data[0].money
						 }else{
							 this.money=0
						 }							
					})
				}
        }
</script>
         
<style>
	.image>image{
		 width: 142px;
	}
	.imat{
		 margin-top: 10px;
	}
	.twobox{
		   display: flex;
		   flex-direction: column;
		   align-items: center;
		   margin-top: 69px;
	}
	.image{
		 margin-top: 10px;
	}
	.content{
		background-color: #FFFFFF;
		height: 100vh;
	}
	#lzz{
		display: flex;
		margin-top: 10rpx;
	}
	.lz{
		color: #ff6d5a;
		width: 30px;
		height: 15px;
		font-size: 23rpx;
		border:  1px solid #ff6d5a;
		border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	}
	.lzm{
		 color:#939393;
		 font-size: 23rpx;
		 margin-left: 10rpx;
	}
	#red{
		 color: #fe9a69;
	}
		   
	   #one{
		   background-color: #FFFFFF;
		   border: #C9C9C9 1rpx solid;
		  
	   }
	   #black{
		    color: black;
			font-size: 14px;
	   }
	
	
        .inv-h-w{background-color: #FFFFFF;height: 100upx;display: flex;}
        .inv-h{font-size: 30upx;flex: 1;text-align: center;color: #C9C9C9;height: 100upx;line-height: 100upx;}
        .inv-h-se{color: black;border-bottom: 4upx solid #fe9a69;}
        page{background-color: #F2F2F2;}
		.one{
			display: flex;
		}
		.onebox{
		display: flex;
		 background-color:#fea980;
		 width: 662rpx;
		 height: 200rpx;
		 margin: 0 auto;
		 display: flex;
		 justify-content: space-between;
		 border-radius: 12rpx;
		 margin-top: 20px;
		}
		.money{
			color: white;
			font-size: 28rpx;
		}
		.moneys{
			 color: white;
			 font-size: 51rpx;
			 margin-top: 3rpx;
		}
		.addMoney{
			color: white;
			font-size: 28rpx;
		position: relative;
		top: 81rpx;
		left: 286rpx;
		height: 30px;
		}
		.moneyy{
			margin-left: 38rpx;
			margin-top: 52rpx;
		}
</style>